<template>
	<view>
		<view class="form">
			<view class="form-item u-f-jsb">
				<view>申请单编号 :</view>
				<view>ZK20191020</view>
			</view>
			<view class="form-item u-f-jsb">
				<view>申请单位 :</view>
				<view><input type="text" class="placeholder-r" placeholder="请输入"></view>
			</view>
			<view class="form-item u-f-jsb">
				<view>停电联系人 :</view>
				<view>张珂</view>
			</view>
			<view class="form-item u-f-jsb">
				<view>联系方式 :</view>
				<view><input type="text" value="" class="placeholder-r" placeholder="请输入" /></view>
			</view>
			<view class="form-item">
				<view>抢修工作内容 :</view>
				<view><textarea value="" placeholder="请输入内容" /></view>
			</view>
			<view class="form-item">
				<view>停役要求 :</view>
				<view><textarea value="" placeholder="请输入内容" /></view>
			</view>
			<view class="form-item">
				<view>复役要求 :</view>
				<view><textarea value="" placeholder="请输入内容" /></view>
			</view>
			<view class="form-item ">
				<view class="u-f-jsb">
					<view>申请停役时间 :</view>
					<hTimePicker interval="1" @changeTime="changeTime">
					  <view slot="pCon" class="changeTime">
					    点击选择时间
					  </view>
					</hTimePicker>
					
				</view>
				<view>
					<view class="u-f-jsb">
						<view>2019.12.25 10:00- 20:00</view>
						<view>x</view>
					</view>
				</view>
			</view>
			<view class="form-item">
				<view>备注 :</view>
				<view><textarea value="" placeholder="请输入内容" /></view>
			</view>
		</view>
	</view>
</template>

<script>
	import hTimePicker from "@/components/h-timePicker/h-timePicker.vue"
	export default {
		data() {
			return {
				
			};
		},
		components:{hTimePicker}
	}
</script>

<style lang="less">
	.placeholder-r{
		text-align: right;
	}
	.form-item{
		padding: 20rpx 30rpx;
		border-bottom: 1px solid #C0C0C0;
		&:first-child{
			margin-top: 1rpx;
			border-top: 1px solid #C0C0C0;
		}
		&:last-child{
			border: none;
		}
		textarea{
			border: 1px solid #C0C0C0;
			margin: 20rpx auto;
			padding: 10rpx;
		}
	}
</style>
